html {
    scroll-behavior: smooth;
}

:before, :after {
    font-family: 'Font Awesome 5 Free';
}
*{margin: 0px; padding: 0px;}
body{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6{font-weight: bold;}
/*  */
.banner{background: rgb(25,47,85);
    background: -moz-linear-gradient(27deg, rgba(25,47,85,1) 20%, rgba(36,202,213,1) 100%);
    background: -webkit-linear-gradient(27deg, rgba(25,47,85,1) 20%, rgba(36,202,213,1) 100%);
    background: linear-gradient(27deg, rgba(25,47,85,1) 20%, rgba(36,202,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#192f55",endColorstr="#24cad5",GradientType=1); border-radius: 20px; padding: 100px;
    height: 560px;
    margin-bottom: 80px;
}
.container-fluid {
    width: 92%;}
    .banner h1 {
        z-index: 99;
        color: #fff;
        width: 500px;
        position: relative;
        right: -20px;
        top: 80px;
    }
.banner h1 span{font-size: 23px; font-weight: normal;}
.bannerimg {
    width: 490px;
    position: absolute;
    right: 150px;
    top: 60px;
}
.impwithicon{
    background: #f1f1f1;
    padding: 20px;
}

.about-left{
    padding-left: 30px;
}
.impwithiconlist{text-align: center;}

.iconsize{height: 30px;}

.icontittle{font-size: 14px; margin-top: 0px; font-weight: 500; margin-bottom: 0px;}

.impwithicon{border-radius: 8px;}

.title{
    position: relative;
    margin-bottom: 30px;
}


.hmservice{
    background: url(../images/dotted-bg.jpg);
    padding: 180px 0px;
}

.bg-two{
    background: url(../images/bg-2.jpg);
    padding: 100px 0px;
}

.readmore{margin: 20px 0px 0px 0px; display: block;}

.left-box{width: 30%;}
.right-box{width: 70%;}
.box-service {
    padding: 91px 10px 10px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    height: 150px;
}
.box-service h2{ font-size: 16px; width: 200px;}

.box-service h2 a{color: #192f55;}
.countnumber {
    background: #18234b;
    font-size: 40px;
    /* display: table; */
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    padding: 26px 9px 5px;
    position: absolute;
    top: 0px;
}


.stopclassstwo .owl-height{height: auto !important;}

.stopclassstwo .owl-stage{width: 100% !important; display: flex; flex-wrap: wrap;}

.stopclassstwo .owl-item{width: 32.3% !important;}

.titletwo{
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}
.box-text{border:2px solid #30add4 !important;  background: none; color: #fff;
    gap:10px; margin-bottom: 10px !important;  height: 150px;  padding:50px 30px; font-size: 18px; border-radius: 8px; text-align: center;}
.box-text h2{font-size: 16px; line-height: 20px;}

.space-left{
    padding-left: 50px;
}

.title{position: relative; padding-left: 25px;}
.title img{position: absolute; top: 6px; left: 0px; height: 18px;}
.title span{font-size: 20px; color: #192f55; text-transform: uppercase;}
.title h2{font-size: 35px; color: #30add4; margin-top: 0px; text-transform: uppercase;} 


.hm-profile{gap: 50px;}

.left-profile{width: 30%;}
.hm-profile-image{width: 100%;}
.right-prfile{width: 65%;}

.profile-dtl{
    padding: 100px 0px 0px 0px;
    font-size: 16px;
}

.profile-dtl h3{
    font-size: 20px; margin-bottom: 30px;
}

.pr{
    position: relative;
}
.markimage {
    position: absolute;
    top: -170px;
    left: -20px;
}

.bg-three{
    background: url(../images/bg-3.jpg) no-repeat ;
    background-size: cover;
    padding: 80px 0px;
}


.navyblue-bg{
    background: #18234B;
    color: #fff;
}

.banner-slider{
    padding: 100px 0px;
    margin-top: 170px;
}

.bg-light {
    background-color: #F1F1F1 !important;
}

.mainheader{margin-bottom: 80px;}
header .navbar {border-radius: 20px 20px 0px 0px; padding: 15px 20px }
.logo{width: 300px;}


.bg-one{background: url(../images/dotted-bg.jpg); padding: 60px 0px 20px;}


.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
      animation: slideDown 0.35s ease-out;
    left: 0px;
    top: 0px;
    z-index: 999;
    background: #18234B !important;
    color: #fff;
    padding: 10px 40px;
    width: 100%;
    border-radius: 0px;
}  

.logosticky{display: none;}
.page-header.is-sticky a, .page-header.is-sticky .nav-link{
    color: #fff;
}
.page-header.is-sticky .logo{display: none;}
.page-header.is-sticky .logosticky{display: block; width: 200px;}

footer{
    background: #18234B;
    color: #fff;
    padding: 40px 0px;
}
.footerlogo{width: 170px;}
.footerlink{
    margin: 0px;
    padding: 0px;
float: right;
}

.footerlink li{float: left;;}
.footerlink li a{display: table; padding-left: 30px; color: #fff;}

.page-header { z-index: 1000; transition: top 0.3s ease, box-shadow 0.3s ease; } 
.is-sticky { top: 0; box-shadow: 0 4px 2px -2px gray; } /* Add animation effect for the header */ 
.is-sticky { animation: slideDown 0.3s ease-in-out forwards; } 
@keyframes slideDown { from { top: -50px; } to { top: 0; }
}

.aboutimg{width: 100%;}

.navbar-light .navbar-nav .nav-link{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
}

.navbar-light.is-sticky .nav-link{
    color: #fff !important;
}

.is-sticky .stellarnav.dark .menu-toggle span.bars span {
    background: #fff;
}


.is-sticky .stellarnav .menu-toggle span.bars{
    right: 20px;
    top: 8px;
}

.squareborder {
    border: 6px solid #30ADD4;
    height: 640px;
    display: table;
    width: 630px;
    position: absolute;
    top: -140px;
    left: 110px;
}
.squareborder::before {
    content: "";
    position: absolute;
    background: #18234b;
    display: table;
    width: 40px;
    height: 524px;
    right: -19px;
    top: 34px;
}

.objectives-dec{
    width: 350px;
}
    .Objectives-detail{gap: 30px;}
.left-slider{
    width: 50%;
    padding: 50px 0px 0px 150px ;
    position:relative ;
}

.right-slider{
    width: 50%;
}

.banner-slider .container-fluid {
    width: 100%;
    padding: 0px;
}
.objectivesslider{
    border: 1px solid #30add4 !important;
    position: relative;
}

.before{
    position: relative;
}
.before::before{
    content: "";
    background: #30add4;
}
.objectivesslider h2 {
    position: absolute;
    bottom: -8px;
    left: 0px;
    border-radius: 0px 0px 4px 4px;
    padding: 10px;
    padding: 18px;
    font-size: 14px;
    width: 100%;
    background: rgb(25,47,85);
background: -moz-linear-gradient(-180deg, rgba(25,47,85,0.04805672268907568) 20%, rgba(24,35,75,1) 100%);
background: -webkit-linear-gradient(-180deg, rgba(25,47,85,0.04805672268907568) 20%, rgba(24,35,75,1) 100%);
background: linear-gradient(-180deg, rgba(25,47,85,0.04805672268907568) 20%, rgba(24,35,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#192f55",endColorstr="#18234b",GradientType=1);
}


.banner-slider .owl-nav {
    position: absolute;
    top: -70px;
    left: 0px;
}
/* .banner-slider .owl-nav button{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

} */

.banner-slider .owl-nav button:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);


}

.owl-next.disabled, .owl-prev.disabled{opacity: 0.3;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    margin-left:5px ;
}

.owl-nav{
    text-align: right;
    margin-top: 30px;
}

.nav-item.active a.nav-link{
    color: #30ADD4 !important;
}


.innerheader {
    background: #f1f1f1;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.innerbaner{
    margin-bottom: 40px;
    background: #18234B url(../images/innerbanner.jpg) center no-repeat;
    padding: 80px 0px;
    color: #fff;
    background-position: -100px 0px;
}


/*  */

.question {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
    margin: 10px 0;
    background: #18234B;
    color: #fff;
  }

  .question.active{
    background: #30ADD4;
  }
  
  .question::after {
    content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    right: 10px;
    transition: 0.2s;
    top: 0px;
  }
  
  .question.active::after {
    transform: rotate(45deg);
  }
  
  .answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
    /* background: #F1F1F1; */
    }
  
  .answer {
    padding: 20px;
    line-height: 1.5rem;
  }
  .answer .table td{ font-size: 14px; border: 0px;}
  

  /*  */

  .innerbaner h1{font-size: 30px;}
  .breadcrumb{
    background: none;
    padding: 0px;
    color: #f1f1f1;
    margin: 0px;
  }

  .breadcrumb li, .breadcrumb li a, .breadcrumb .breadcrumb-item.active{color: #f1f1f1;}


.contactimg{
    width: 100%;
}

.contacttext{
    background: #18234B;
    color: #fff;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}

.contacttext h2{
    color: #30ADD4;
    font-size: 20px;
}

.conact-info{
    font-size: 16px;
    background: #f1f1f1;
    padding: 20px;
}

.conact-info h3{
    font-size: 18px;
    color: #18234B;
    margin-bottom: 5px;

}

.conact-info p{
    margin-bottom: 5px;
    width: 250px;
}

.cm-dgn{
    font-size: 40px;
    padding: 200px 0px;
    font-weight: bold;
    color: #18234B;
    background: #f1f1f1 url(../images/bg-3.jpg);
    text-align: center;}

.m-block{
    display: none !important;
}
.mobile .m-block {
    display: contents !important;
}


.navbar-light .navbar-nav .nav-link:hover{
    color: #30ADD4 !important;
}


.topimage{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 350px;
}

.banner{
    position: relative;
    z-index: 100;
}

.right-slider{
    position: relative;
}

.image-one {
    position: absolute;
    bottom: -80px;
    left: -100px;
}

.image-two {
position: absolute;
top: -70px;
right: 1px;
width: 210px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #c8eaf5;
}

a {
    color: #30ADD4;}



    /*  */

.impwithicon img{
    margin-bottom: 10px
}


#carouseboxtwo .owl-nav{display: none;}

.innerheader header .navbar{padding: 15px 0px;}
.innerheader .page-header.is-sticky{padding: 10px 40px;}
h3{
    font-size: 20px;
    margin-bottom: 20px;
    color: #192f55;
}

.main-contain{
    margin-bottom: 80px;
}

.main-contain dl, .main-contain ol, .main-contain ul {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style-position: outside;
    margin-left: 20px;
}

.light-text{color: #999999;}

.upper-roman{list-style-type: upper-roman}

.highlight {
    background-color: #000;
    transition: background-color 0.5s ease;
}

.left-box {
    margin-right: 20px;
}
#carousebox.stopclasss .owl-height{
    height: auto !important;
}

#carousebox.stopclasss .owl-stage{width: 100% !important; display: flex; flex-wrap: wrap; gap: 25px;}
#carousebox.stopclasss .owl-item{
    width: 48.3% !important;
    margin: 0px !important;
}

.answercont.open{max-height:inherit}


.list-download-item a {
    background: #fff;
    padding: 20px 20px 20px 59px;
    border-radius: 20px;
    box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
    margin: 0px 0px 10px;
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 16px;
    position: relative;
}
.icon-cricle {
    background: #dfdfdf;
    display: table;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    padding: 5px;
    display: flex
;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 13px;
    left: 10px;
}

.list-download-item a:hover{
    background: #30ADD4;
    color: #fff;
    text-decoration: none;

}

.list-download-item a:hover .icon-cricle{
    background: #fff;
    color: #30ADD4;
}